Node / reticulum_mirror / MeshChatX / files / meshchatx / src / frontend / components / settings / sections / LanguageSettingsSection.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tff7b72<templateTff7b72>

Tff7b72<section Te6edf3v-show=Ta5d6ff"visible" Te6edf3class=Ta5d6ff"settings-section break-inside-avoid"Tff7b72>

Tff7b72<header Te6edf3class=Ta5d6ff"settings-section__header"Tff7b72>

Tff7b72<divTff7b72>

Tff7b72<div Te6edf3class=Ta5d6ff"settings-section__eyebrow"Tff7b72>i18nTff7b72</div>

Tff7b72<h2Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"app.language"Tff7b72) Tff7b72}}Tff7b72</h2>

Tff7b72<pTff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"app.select_language"Tff7b72) Tff7b72}}Tff7b72</p>

Tff7b72</div>

Tff7b72</header>

Tff7b72<div Te6edf3class=Ta5d6ff"settings-section__body space-y-3"Tff7b72>

Tff7b72<select Te6edf3:value=Ta5d6ff"language" Te6edf3class=Ta5d6ff"input-field" @Te6edf3change=Ta5d6ff"onSelect"Tff7b72>

Tff7b72<option Te6edf3value=Ta5d6ff"en"Tff7b72>EnglishTff7b72</option>

Tff7b72<option Te6edf3value=Ta5d6ff"de"Tff7b72>DeutschTff7b72</option>

Tff7b72<option Te6edf3value=Ta5d6ff"ru"Tff7b72>РусскийTff7b72</option>

Tff7b72<option Te6edf3value=Ta5d6ff"it"Tff7b72>ItalianoTff7b72</option>

Tff7b72</select>

Tff7b72</div>

Tff7b72</section>

Tff7b72</template>

Tff7b72<scriptTff7b72>

export default {

name: "LanguageSettingsSection",

props: {

visible: {

type: Boolean,

default: true,

},

language: {

type: String,

default: "en",

},

},

emits: ["change"],

methods: {

onSelect(event) {

this.$emit("change", event.target.value);

},

},

};

Tff7b72</script>